<template>
	<uv-tabbar fixed activeColor="#CA1C1D" inactiveColor="#666" :value="value" @change="change">
		<uv-tabbar-item text="介绍">
			<template v-slot:active-icon>
				<image src="@/static/images/tabbar12.png" class="tabbar_icon"></image>
			</template>
			<template v-slot:inactive-icon>
				<image src="@/static/images/tabbar11.png" class="tabbar_icon"></image>
			</template>
		</uv-tabbar-item>
		<uv-tabbar-item text="推广区">
			<template v-slot:active-icon>
				<image src="@/static/images/tabbar14.png" class="tabbar_icon"></image>
			</template>
			<template v-slot:inactive-icon>
				<image src="@/static/images/tabbar13.png" class="tabbar_icon"></image>
			</template>
		</uv-tabbar-item>
		<uv-tabbar-item text="小店">
			<template v-slot:active-icon>
				<image src="@/static/images/tabbar16.png" class="tabbar_icon"></image>
			</template>
			<template v-slot:inactive-icon>
				<image src="@/static/images/tabbar15.png" class="tabbar_icon"></image>
			</template>
		</uv-tabbar-item>
	</uv-tabbar>
</template>

<script setup>
	import {
		ref,
		shallowRef
	} from "vue";
	const emit = defineEmits(["change"]);

	const value = ref(1);
	const change = index => {
		value.value = index;
		emit("change", index);
	};
</script>

<style>
</style>